@extends('home.layout.base')
<link rel="stylesheet" href="{{URL::asset('./css/cart/list.css')}}">
@section('content')
<div class="mainHrContent" id="cartList">
    <div class="payheader">
        <a href="{{route('home.index.index') }}">
            <img :src="headerLogo" alt="">
            购物车
        </a>
    </div>
    <div class="cartListHeader">
        <div class="cartListHeader_0">
            <span class="check active">
                <img src="{{URL::asset('./img/icon/gou.png')}}">
            </span>
        </div>
        <div class="cartListHeader_1">
            全部商品
        </div>
        <div class="cartListHeader_2">
            单价
        </div>
        <div class="cartListHeader_3">
            数量
        </div>
        <div class="cartListHeader_4">
            小计
        </div>
        <div class="cartListHeader_5">
            操作
        </div>
    </div>
    <div class="cartListTable" v-for="items in 2">
        <div class="cartListTable_header">
            <div class="cartListHeader_0">
                <span class="check">
                    <img src="{{URL::asset('./img/icon/gou.png')}}">
                </span>
            </div>
            <div class="cartListHeader_1">
                供应商名称
            </div>
        </div>
        <div class="cartListTable_tbody" v-for="item in 2">
            <div class="cartListHeader_0" style="height:14px;">
            </div>
            <div class="cartListHeader_1">
                <img src="">
                商品名称商品名称商品名称商品名称商品名称
            </div>
            <div class="cartListHeader_2">
                ￥600.00
            </div>
            <div class="cartListHeader_3">
                <span class="details_title_ss_div">
                    <span class="jian">
                        <img src="{{URL::asset('./img/icon/jian.png')}}">
                    </span>
                    <span class="contentNum">1</span>
                    <span class="jia">
                        <img src="{{URL::asset('./img/icon/jia.png')}}">
                    </span>
                </span>
            </div>
            <div class="cartListHeader_4">
                ￥600.00
            </div>
            <div class="cartListHeader_5">
                <p>删除</p>
                <p>移入我的关注</p>
            </div>
        </div>
    </div>
    <div class="cartListFooter">
        <div>
            <div class="cartListHeader_0">
                <span class="check">
                    <img src="{{URL::asset('./img/icon/gou.png')}}">
                </span>
            </div>
            <div class="cartListCursor">全部商品</div>
            <div class="cartListCursor">删除选择商品</div>
            <div class="cartListCursor">移到我的关注</div>
        </div>
        <div>
            <span class="checkGoods">已选择 <em>1</em> 件商品</span>
            <div class="contMoney">
                总价（不含运费）：<em>￥600.00</em>
            </div>
            <button @click="gotoAccount" class="gotoAccount">去结算</button>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
    $(() => {
        let balanceAdd = new Vue({
            el: '#cartList',
            data: () => {
                return {
                    headerLogo: '',
                    checkNum: 1,
                }
            },
            created() {
                this.headerLogo = JSON.parse(sessionStorage.getItem("overall")).site_logo
            },
            mounted() {

            },
            methods: {
                nextClick() {
                    window.location.href = "{{ route('home.suppliermy.supplierBalanceAddFinish') }}";

                },
                gotoAccount() {

                    window.location.href = "{{ route('home.order.sureOrder') }}";
                }

            }
        })
    })
</script>
@endsection